博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序---图片加载出错时,显示默认图片
阅读量:5326 次
发布时间:2019-06-14

本文共 432 字,大约阅读时间需要 1 分钟。

      在读取类似新闻列表等功能时,一般都会有图片,有时会因为数据问题,图片会加载不出来,此时,为了更好的用户体验,

我们应当在图片数据出错时,用默认的图片代替它。

    html5有对应的img事件:onerror

    下面是小程序里的一个demo,事件是binderror:

//图片加载出错,替换为默认图片  imageError: function (e) {    var _errImg = e.target.dataset.img    var _errObj = {}    _errObj[_errImg] = "/images/pic_liebiaomoren@2x.png"    this.setData(_errObj) //注意这里的赋值方式,只是将数据列表中的此项图片路径值替换掉    }

 

转载于:https://www.cnblogs.com/lichunyan/p/8920402.html

你可能感兴趣的文章
获取EXe版本信息
查看>>
elasticsearch 集群
查看>>
忘记root密码,怎么办
查看>>
linux设备驱动归纳总结(三):1.字符型设备之设备申请【转】
查看>>
《黑客与画家》 读书笔记
查看>>
bzoj4407: 于神之怒加强版
查看>>
从qplot开始
查看>>
mysql统计一张表中条目个数的方法
查看>>
ArcGIS多面体(multipatch)解析——引
查看>>
C++ 软件开发多国语言解决方案汇总
查看>>
JS 在火狐浏览器下关闭弹窗
查看>>
css3渐变画斜线 demo
查看>>
UIView中的坐标转换
查看>>
JS性能DOM优化
查看>>
设计模式 单例模式 使用模板及智能指针
查看>>
c++11 多线程依次打印ABC
查看>>
c#的const可以用于引用类型吗
查看>>
手动实现二值化
查看>>
What Linux bind mounts are really doing
查看>>
linux top命令详解
查看>>